<template>
  <div>
    <h3>其他组件</h3>
    {{ count }}
    <button @click="add">加10</button>
    <button @click="reduce">减10</button>
  </div>
</template>

<script>
// mapState 辅助函数可以用来获取状态管理器的数据
import { mapState } from 'vuex'
export default {
  computed: { // mapState 辅助函数可以通过计算属性获取组件需要的状态
    ...mapState(['count'])
  },
  methods: {
    add () {
      this.$store.commit('updateCount', this.count + 10)
    },
    reduce () {
      this.$store.commit('updateCount', this.count - 10)
    }
  }
}
</script>
